<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <link href="css/main.css" type="text/css" rel="stylesheet"  />
</head>
<body class="w1200">
<!--banner-->
<div class="banner">
    <div class="logo">
        @ESTORE
    </div>
</div>
<header class="menubox">
    <section class="menubox_bar">
        <nav class="frmenu w1000 flex">
            <section class="li1"><a href="index.html" class="frista cur">首页</a></section>
            <section class="li1"><a href="" class="frista">商城新品 </a></section>
            <section class="li1"><a href="" class="frista">特价商品</a></section>
            <section class="li1"><a href="xiangqing.html" class="frista">购物车</a></section>
            <section class="li1"><a href="Car.html" class="frista">订单查看</a></section>
            <section class="li1"><a href="" class="frista">用户修改</a></section>
        </nav>
    </section>
</header>
<!---->
<!--main-->
<section class="w1200 flex wrap1 ">
    <div class="fl_con">
        <div style="text-align: left; padding: 10px 0; font-size: 20px; font-weight: bold;">在线人数：1</div>
        <div class="commonBlock">
            <div class="til"><em>商品搜索......</em></div>
            <div class="conn">
                <h2>搜索商品:</h2>
                <div class="flex" style="margin: 10px 0;">
                    <input  type="text"   placeholder="搜索商品" style="width: 140px; border: 1px solid #ddd; height: 20px; margin-right: 20px;"/><button>搜索</button>
                </div>

            </div>
        </div>

        <div class="commonBlock">
            <div class="til"><em>用户信息......</em></div>
            <div class="conn">
                <div style="line-height:30px;">
                    sa登录成功<br/>
                    2022年3月15日星期二<br/>
                    用户姓名:a
                </div>
                <button style="margin-left:100px">安全退出</button>

            </div>
        </div>
    </div>
    <div class="fr_con">
        <div class="commonBlock">
            <div class="til"><em>@List 查看商品详情......</em></div>
            <div class="boxPro">
                <div class="flex proItem" style="border:none" >
                    <div class="img">
                        <img src="images/img.jpg" style="width: 200px; height: 200px;" />
                    </div>
                    <div class="txtCon">
                        <h2>商品名称：爱仕达不锈钢蒸锅JX1528</h2>
                        <p>特价:400.0元</p>
                        <div>
                            <a href='index.html' class='btn btn1'>返回窗口</abutton>
                            <a href='Car.html' class='btn btn2' style="background:red; color:#fff;border:1px solid #CC0001; margin-left:20px">加入购物车</a>
                        </div>

                    </div>
                </div>
            </div>
        </div>

    </div>
</section>
</body>
</html>
